<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>冬奥共享学习</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script type="text/javascript" src="../../plugin/browerVersion/browerVersion.js"></script>
		<link rel="stylesheet" href="../../../skin/opwg/style.css" />
		<link rel="stylesheet" href="../../plugin/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="../../skin/css/normalize.css" />
		<link rel="stylesheet" href="../../skin/fonts/iconfont.css" />
		<link rel="stylesheet" href="peopleList.css" />
		<link rel="stylesheet" href="../../skin/css/style.css" />
		<script type="text/javascript" src="../../plugin/jquery/jquery-1.12.1.js"></script>
		<script type="text/javascript" src="../../plugin/jquery/jquery.form.min.js"></script>
	</head>

	<body class="body">
		<div class="header-warpper">
			<div class="header">
				<div class="logo">
					<div class="col-sm-2 logo-img">
					<!-- <img class="mr-10" src="../../skin/img/honeycombIco.png" />
					<img class="pt-5" src="../../skin/img/honeycombLearningIco.png" /> -->
					<img class="pt-5" src="../../skin/img/gxxxlogo1.png" />
					</div>
					<div class="col-sm-10"></div>
				</div>
				<div class="rightInfo">
					<!-- <input class="search" />
					<span class="searchIco"></span> -->
					<!-- <span class="userInfo">YC</span> -->
					<span class="menu" title="首页" onclick="javascirpt:window.location.href='../../../hivelearnweb/portal/homePage/homePage.html'"></span>
				</div>
			</div>		 
		</div>
		<div class="container body-container">
			<div style="position: relative;left: 1075px; z-index: 999; top: 50px;">
			<div class="right1 dropdown addDiv" style="position: absolute;width:80px;">
				<span class="dropdown-toggle addGroup" id="dropdownMenu3" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="cursor: pointer;">+</span>
				<span class="addGroupInfo">邀请人员</span>
				<ul class="dropdown-menu ste-add" aria-labelledby="dropdownMenu3" style="left: -135px;top: -46px;">
					<li onclick="inviteUser()">
						<span>公开邀请</span>
					</li>
					<li role="separator" class="divider"></li>
					<li onclick="inviteUser(1)">
						<span>非公开邀请</span>
					</li>
				</ul>
			</div>
			</div>
			<div class="contentGroup col-sm-3">
				<div class="st-back">
					<span style="cursor:pointer;" onclick="toShareLearning()"><span class="iconfont icon-left"></span>返回上级</span>
				</div>
				<div class="groupImg">
					<img src="../../skin/img/empty-img.png" />
					<span class="dropdown-toggle glyphicon glyphicon-cog" id="dropdownGroup" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					</span>
					<ul class="dropdown-menu groupMenu" aria-labelledby="dropdownGroup">
						<li class="item groupupdate" onclick="updateGroup()">更新群组</li>
						<li class="item groupsetting" onclick="findGroupSetting()">设置群组</li>
						<li class="item" onclick="aboutGroup()">关于</li>
						<li class="item groupdelete" onclick="delGroup()">删除群组</li>
					</ul>
				</div>
				<div class="groupTitle">
					<span class="groupName"></span>
					<span class="groupCreateDate"></span>
				</div>
				<div class="groupTab">
					<div class="tabItem" onclick="activitylist();">
						活动信息
					</div>
					<div class="tabItem" onclick="meetinglist()">
						会议主题
					</div>
					<div class="tabItem active peopleview">
						参与人员
					</div>
				</div>
			</div>
			<div class="contentList col-sm-9">
				<div class="title">
					<h1>
						<!-- <span class="js-heading-dept">人力资源部</span> -->
						<span class="js-heading-num">89</span>
						<span class="js-heading-label">参与人员</span>
						<span class="js-heading-total top-heading__total hide"></span>
					</h1>
					<!-- <div class="addDiv peopleinvite" onclick="inviteUser()">
						<span class="addGroup">+</span>
						<span class="addGroupInfo">邀请人员</span>
					</div> -->
				</div>
				<div class="contentFilter">
					<div class="filterItemSort col-md-8">
						<span>状态：</span>
						<span class="joinWayItem sortItem">
							<!-- <span class="joinWaySort selSort">全部</span>
							<span class="joinWayIco sortIco glyphicon glyphicon-chevron-down"></span>
							<ul class="joinWayList sortList">
								<li class="item active" value="">全部</li>
								<li class="item" value="Joined">加入</li>
								<li class="item" value="Invited">邀请</li>
							</ul> -->
							<span class="dropdown-toggle glyphicon glyphicon-cog" id="joinWaySort" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
								<span class="joinWaySort selSort">全部</span>
								<span class="joinWayIco sortIco glyphicon glyphicon-chevron-down"></span>
							</span>
							<ul class="dropdown-menu joinWayList" aria-labelledby="joinWaySort">
								<li class="item active" value="">全部</li>
								<li class="item" value="Joined">加入</li>
								<li class="item" value="Invited">公开邀请</li>
								<li class="item" value="nopublic">非公开邀请</li>
							</ul>
						</span>
						
						<span>角色：</span>
						<span class="roleItem sortItem">
							<!-- <span class="roleSort selSort">All</span>
							<span class="roleIco sortIco glyphicon glyphicon-chevron-down"></span>
							<ul class="roleList sortList">
								<li class="item active" value="">All</li>
								<li class="item" value="1">Owner</li>
								<li class="item" value="2">Admins</li>
								<li class="item" value="3">Editors</li>
								<li class="item" value="4">Commenters</li>
								<li class="item" value="5">Viewers</li>
							</ul> -->
							<span class="dropdown-toggle glyphicon glyphicon-cog" id="roleSort" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
								<span class="roleSort selSort">全部</span>
								<span class="roleIco sortIco glyphicon glyphicon-chevron-down"></span>
							</span>
							<ul class="dropdown-menu roleList" aria-labelledby="roleSort">
								<li class="item active" value="">全部</li>
								<li class="item" value="creater">创建者</li>
								<li class="item" value="admin">管理者</li>
								<li class="item" value="editor">人员</li>
								<!-- <li class="item" value="commenter">评论者</li>
								<li class="item" value="viewer">观看者</li> -->
							</ul>
						</span>
					</div>
					<div class="col-md-3">
						<div class="input-group">
					      <input type="text" id="queryUserName" class="form-control" placeholder="请输入...">
					      <span class="input-group-btn">
					        <button style="width:42px;" class="btn btn-default searchBtn" type="button" onclick="queryUserList()"><span class="glyphicon glyphicon-search"></span></button>
					      </span>
					    </div>
				    </div>
				    <div class="col-md-1">
				    </div>
				</div>
				<div style="clear:both;"></div>
				<div class="contentWrapper" id="topic">
					
				</div>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="copyrightInfo">
					<span>版权©北京2022年冬奥会和冬残奥会组织委员会</span>
					<span>Beijing Organising Committee for the 2022 Olympic and Paralympic Winter Games All Rights Reserved</span>
					<span>京ICP备05014028号-2</span>
				</div>
				<div class="linkFlag">
					<a class="vendor-logo" id="vendor-weixin">
		            	<div class="erweima">
			            <span class="left-tri"></span>
				            <img src="http://mat1.gtimg.com/bj2022/winter-olympic-2022/dongaoweixin.jpg" alt="">
				        </div>
		            </a>
		            <a class="vendor-logo" id="vendor-weibo"  href="http://weibo.com/u/5980037952?refer_flag=1001030101_&amp;is_hot=1#_loginLayer_1469943377816" target="_blank">
		            </a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../plugin/bootstrap/bootstrap.min.3.3.5.js"></script>
		<script type="text/javascript" src="peopleList.js"></script>
		<script type="text/javascript" src="../../plugin/hivelearncommon.js"></script>
		<script type="text/javascript" src="../meetingList/meetingEdit.js"></script>
		<script type="text/javascript" src="../../plugin/underscore/underscore-min.js"></script>
		<script type="text/template" id="topicTpl">
			<%if(resultList.length==0){%>
				<div style="text-align:center;font-size: 20px;margin-top: 30px;">暂无人员！</div>
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
					<div class="col-sm-4 peopleItem"  onclick="updateTopic('<%=item.groupUserId%>')">
						<div class="peopleInfo">
							<div class="col-sm-4 peopleImg">
								<input type="hidden" value="<%=item.groupUserId%>" id="groupUserId" />
								<%if(item.headPhoto){%>
									<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.headPhoto%>"/>
								<%}else{%>
									<img src="../../skin/img/default_head.png" />
								<%}%>
							</div>
							<div class="col-sm-7" style="margin-left: 10px;">
								<span class="peopleTitle" title="<%=item.userName%>"><%=item.uName%></span>
								<span class="cardsNum"><%=item.topicTitle%></span>
							</div>
						</div>
					</div>
				<%})%>
			<%}%>
		</script>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="viewModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog" id="view">
				
		    </div>
		</div>
		<!-- /.modal -->
		<script type="text/template" id="viewTpl">
				<div class="modal-content">
		            <div class="modal-body msg">
						<%if(headPhoto){%>
							<img class="viewImg" src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=headPhoto%>"/>
						<%}else{%>
							<img class="viewImg" src="../../skin/img/default_head.png" />
						<%}%>
						<span class="closeModel" data-dismiss="modal">X</span>
					</div>
		            <div class="modal-footer viewShow">
		            	<span class="viewName"><%=userName%></span></br>
		            	<span class="viewRole">组中角色为: <%=roleName%></span><span class="changeRoleBtn"><%if((roleCode!='creater'&&roleCode!='admin')||(roleCode=='admin'&&isCreater)){%><button onclick="updateRole('<%=userId%>','<%=roleCode%>')" class="updatePeopleRole peoplerole">修改</button><%}%></span></br>
		            </div>
		        </div>
		</script>
		
		
		<!--
        	修改角色
        -->
        <div class="modal fade" id="changeRoleModal" tabindex="-1" role="dialog" aria-labelledby="changeRoleModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 10px 15px;">
		      	<input type="hidden" id="changeUserId"/>
		      	<div><span style="font-size: 17px;height: 28px;" class="changeUser"></span></div>
		        <div class="roleChange">
		        	<!-- <div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="commenter" />&nbsp;评论者
			        	<div class="commenter">可以查看，评论，分享，保存，下载，查看人，创建帖子。</div>
			        	 </label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="editor" checked/>&nbsp;人员  
			        	<div class="editor">可以查看，评论，编辑，创建，删除，移动，分享，保存，下载，查看人，创建帖子。</div>
			        	</label>
		        	</div>
		        	<!-- <div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="viewer" />&nbsp;观看者  
			        	<div class="viewer">可以查看，点赞，分享，保存，下载，创建帖子。</div>
			        	</label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="admin" />&nbsp;管理者
			        	<div class="admin">可以查看、点赞、评论、编辑、创建、删除、移动、更改角色、共享、保存、下载、查看人员、邀请、创建帖子、创建帖子。</div>
			        	</label>
		        	</div>
		        </div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="changeUserRole()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 邀请 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <span class="close"><span class="selNum" aria-hidden="true"></span></span>
		        <h4 class="modal-title" id="myModalLabel">邀请</h4>
		      </div>
		      <div class="modal-body">
		        <div class="selUserGroup">
		        	<div class="emptyWarn">首先选择下面的成员</div>
		        </div>
		        <div class="searchUser">
		        	 <div class="input-group">
				      <input type="text" id="searchUserName" class="form-control" placeholder="请输入...">
				      <span class="input-group-btn">
				        <button style="width:42px;" class="btn btn-default searchBtn" type="button" onclick="searchUserList()"><span class="glyphicon glyphicon-search"></span></button>
				      </span>
				    </div>
		        </div>
		        <div class="userList">
		        	<ul id="selectUserList">
		        	</ul>
		        </div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" onclick="fNext()">下一步</button>
		      </div>
		    </div>
		  </div>
		</div>
		<script type="text/template" id="selectUserListTpl">
			<%if(resultList.length==0){%>
				<div style="text-align: center;margin-top: 10px;font-size: 16px;">无数据！</div>
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
					<li class="userItem">
		        			<div class="itemDiv">
								<input type="hidden" name="userId" value="<%=item.userId%>" />
		        				<div class="userImg" title="<%=item.userName%>" <%if(item.headPhoto){%>style="background: url('../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.headPhoto%>');background-size:100%;"<%}else{%>style="background: url('../../skin/img/default_head.png');background-size:100%;"<%}%>></div>
			        			<div>
			        				<span class="userName"><%=item.userName%></span><br />
			        				<span class="userInfo"><%=item.groupNum%>个共有群组</span>
			        				<span class="selStatus">
			        					<img src="../../skin/img/unSel.png" class="unSel" <%if(selUsers!=null&&selUsers.indexOf(item.userId)!=-1){%>style="display: none;"<%}%>/>
			        					<img src="../../skin/img/sel.png" onclick="unSelUser(this)" class="sel" <%if(selUsers!=null&&selUsers.indexOf(item.userId)!=-1){%>style="display: inline;"<%}%>/>
			        				</span>
			        			</div>
		        			</div>
		        		</li>
				<%})%>
			<%}%>
		</script>
		<!--
        	修改角色列表
        -->
        <div class="modal fade" id="groupRoleModal" tabindex="-1" role="dialog" aria-labelledby="groupRoleModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body">
		      	<div style="font-size: 17px;height: 28px;padding: 0 10px;border-bottom: 1px solid #dfdfdf;">修改角色<span class="glyphicon glyphicon-remove" style="float:right;cursor:pointer" data-dismiss="modal"></span></div>
		      	<div style="padding: 10px 15px;max-height:500px;overflow-y:auto">
		      	<ul id="userRoleList">
		      	</ul>
		      	</div>
		      	<div style="text-align: right;padding-right:10px;padding-top:15px;border-top: 1px solid #dfdfdf;">
		      		<button type="button" class="btn btn-default" data-dismiss="modal">上一步</button>
		      		<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="sendInvite()">邀请</button>
		      	</div>
		      </div>
		    </div>
		  </div>
		</div>
		<script type="text/template" id="userRoleListTpl">
			<%if(resultList.length==0){%>
				
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
					<li class="userItem">
		        			<div class="itemDiv">
								<input type="hidden" name="userId" value="<%=item.userId%>" />
		        				<div class="userImg" title="<%=item.userName%>" <%if(item.headPhoto){%>style="background: url('../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.headPhoto%>');background-size:40px;"<%}else{%>style="background: url('../../skin/img/default_head.png');background-size:40px;"<%}%>></div>
			        			<div>
			        				<span class="userName"><%=item.userName%></span><br />
			        				<span class="selStatus"><%=item.roleName%></span>
			        			</div>
		        			</div>
		        		</li>
				<%})%>
			<%}%>
		</script>
		<!--
        	修改角色
        -->
        <div class="modal fade" id="c_changeRoleModal" tabindex="-1" role="dialog" aria-labelledby="c_changeRoleModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 10px 15px;">
		      	<input type="hidden" id="c_changeUserId"/>
		      	<div><span style="font-size: 17px;height: 28px;" class="changeUser"></span></div>
		        <div class="roleChange">
		        	<!-- <div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="commenter" />&nbsp;评论者
			        	<div class="c_commenter">可以查看，评论，分享，保存，下载，查看人，创建帖子。</div>
			        	 </label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="editor" checked/>&nbsp;人员  
			        	<div class="c_editor">可以查看，评论，编辑，创建，删除，移动，分享，保存，下载，查看人，创建帖子。</div>
			        	</label>
		        	</div>
		        	<!-- <div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="viewer" />&nbsp;观看者  
			        	<div class="c_viewer">可以查看，点赞，分享，保存，下载，创建帖子。</div>
			        	</label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label><input name="selectRole" type="radio" value="admin" />&nbsp;管理者
			        	<div class="c_admin">可以查看、点赞、评论、编辑、创建、删除、移动、更改角色、共享、保存、下载、查看人员、邀请、创建帖子、创建帖子。</div>
			        	</label>
		        	</div>
		        </div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="changeOneUserRole()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		
		
		
		<!-- 群组设置开始 -->
		<!-- 提示框 -->
		<div class="modal fade" id="groupMsgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg">确定要删除当前群组吗？</div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		                <button type="button" class="btn btn-primary confirm" data-dismiss="modal" onclick="deleteGroup()">确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!--
        	创建第二步模态框
        -->
        <div class="modal fade" id="groupInfoModal" tabindex="-1" role="dialog" aria-labelledby="groupInfoModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 10px 15px;">
		      	<form id="uploadGroupForm" method="post" enctype="multipart/form-data">
					<input type="file" id="groupfile" name="file" accept="image/*" onchange ="commoncheckfile(this,'uploadGroupForm',uploadGroupFile,'.png,.jpg,.gif',2)" style="display:none;">
				</form>
		        <div class="groupUpdateImg">
		        	<span class="glyphicon glyphicon-camera uploadBtn"></span>
		        </div>
		        <form id="updateGroupInfo">
		        <div style="height:293px;">
		        <div class="groupUpdateTitle">群组名称</div>
		        <!-- <div contenteditable="true" class="editText groupName" id="groupName"></div> -->
		        <input type="text" maxlength="200" class="groupName" id="groupName" name="groupName"/><span class="error-msg"></span>
		        <div class="groupUpdateTitle">关于组</div>
		        <!-- <div contenteditable="true" class="editText groupDes" id="groupDes"></div> -->
		        <textarea class="editText groupDes" id="groupDes" maxlength="200"></textarea>
		        <input type="hidden" name="ORCHID_WEB_TOKEN"/>
          		<input type="hidden" name="groupCover"/>
          		<input type="hidden" name="groupId"/>
          		<input type="hidden" name="aboutGroup"/>
          		</div>
          		</form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" onclick="updateGroupInfo()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!--
        	配置组
        -->
        <form id="groupForm">
        <div class="modal fade" id="groupConfModal" tabindex="-1" role="dialog" aria-labelledby="groupConfModalLabel" aria-hidden="true" data-backdrop="static">
          <input type="hidden" name="ORCHID_WEB_TOKEN"/>
          <input type="hidden" name="groupId"/>
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h4 class="modal-title" id="myModalLabel">设置组</h4>
		      </div>
		      <div class="modal-body group-modal-body" style="padding: 0;">
		        <!-- <div class="confTile">为新成员选择默认角色</div>
		        <div class="roleChange">
		        	<label><input name="defaultRole" type="radio" value="2" />&nbsp;评论者 </label> 
		        	<div class="fDiv commenterRole">新成员可以查看，评论，分享，保存，下载，查看人，创建帖子。</div>
		        	<label><input name="defaultRole" type="radio" value="1" checked/>&nbsp;编辑者 </label> 
		        	<div class="editorRole">新成员可以查看，评论，编辑，创建，删除，移动，分享，保存，下载，查看人，创建帖子。</div>
		        </div> -->
		        <div class="confTile">定义角色权限</div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-share-alt">分享、&nbsp;</span>
		        	<span class="glyphicon glyphicon-floppy-disk">保存、&nbsp;</span>
		        	<span class="glyphicon glyphicon-download-alt">下载</span>
		        	<div>选择谁可以将主题和卡片保存到自己的个人空间中或将其分享到另一个组。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_1">所有人</span>
						<span class="js_sel_1Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_1List ">
							<li class="item">仅自己</li>
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="sharesavedownload" value="4"/>
						<span class="dropdown-toggle" id="dropdownList1" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_1 itemName">所有人</span>
							<span class="js_sel_1Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_1List" aria-labelledby="dropdownList1">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-user">人员</span>
		        	<div>选择谁可以查看组中的其他成员。 管理员将始终能够查看该组的成员。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_2">所有人</span>
						<span class="js_sel_2Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_2List">
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="people" value="4"/>
						<span class="dropdown-toggle" id="dropdownList2" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_2 itemName">所有人</span>
							<span class="js_sel_2Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_2List" aria-labelledby="dropdownList2">
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-screenshot">邀请</span>
		        	<div>选择谁可以邀请其他人进入群组。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_3">所有人</span>
						<span class="js_sel_3Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_3List">
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="invite" value="4"/>
						<span class="dropdown-toggle" id="dropdownList3" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_3 itemName">所有人</span>
							<span class="js_sel_3Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_3List" aria-labelledby="dropdownList3">
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-list-alt">帖子</span>
		        	<div>选择谁可以在组中创建帖子。 本组所有成员均可进行查看。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_4">所有人</span>
						<span class="js_sel_4Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_4List">
							<li class="item">仅自己</li>
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="posts" value="4"/>
						<span class="dropdown-toggle" id="dropdownList4" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_4 itemName">所有人</span>
							<span class="js_sel_4Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_4List" aria-labelledby="dropdownList4">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <!-- <div class="rolePer">
		        	<span class="glyphicon glyphicon-equalizer">分析</span>
		        	<div>选择谁能看到群组的分析。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="analytics" value="4"/>
						<span class="dropdown-toggle" id="dropdownList5" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_5 itemName">所有人</span>
						<span class="js_sel_5Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_5List" aria-labelledby="dropdownList5">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<li class="item" value="3">编辑、管理员和自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span >@其他人</span>
		        	<div>成员可以在组内@其他人。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="mention" value="4"/>
						<span class="dropdown-toggle" id="dropdownList6" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_6 itemName">所有人</span>
							<span class="js_sel_6Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_6List" aria-labelledby="dropdownList6">
							<li class="item" value="1">仅自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<div>成员可以使用@Group来提及整个组。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="mentiongroup" value="4"/>
						<span class="dropdown-toggle" id="dropdownList7" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_7 itemName">所有人</span>
							<span class="js_sel_7Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_7List" aria-labelledby="dropdownList7">
							<li class="item" value="1">仅自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div> -->
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateGroupSetting()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		</form>
		
		
		<!--
        	关于
        -->
        <div class="modal fade" id="aboutGroupModal" tabindex="-1" role="dialog" aria-labelledby="aboutGroupModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 0">
		      	<div style="padding:10px 15px;">
		      	<div><h3 style="display:inline-block;">关于组</h3><span class="glyphicon glyphicon-remove" style="float:right;cursor:pointer" data-dismiss="modal"></span></div>
		      	<div style="font-size: 14px;min-height: 24px;color:#7d7d7d" class="aboutGroupInfo">这个组还没有描述。</div>
		      	<div style="font-size: 17px;min-height: 28px;" class="GroupCreateInfo"></div>
		      	<div style="font-size: 17px;min-height: 28px;" class="GroupRoleInfo"></div>
		      	<div style="font-size: 17px;min-height: 28px;" class="currentRoleInfo"></div>
		      	</div>
		      	<div style="background-color:#cdcdcd;font-size:16px;line-height:25px;padding-left:15px;">组中角色介绍</div>
		        <div class="roleChange">
		        	<!-- <div class="selectRoleItem">
			        	<label>&nbsp;评论者
			        	<div class="commenter"></div>
			        	 </label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label>&nbsp;编辑者  
			        	<div class="editor"></div>
			        	</label>
		        	</div>
		        	<!-- <div class="selectRoleItem">
			        	<label>&nbsp;观看者  
			        	<div class="viewer"></div>
			        	</label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label>&nbsp;管理者
			        	<div class="admin"></div>
			        	</label>
		        	</div>
		        	<div class="selectRoleItem">
			        	<label>&nbsp;创建者
			        	<div class="creater"></div>
			        	</label>
		        	</div>
		        </div>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 群组设置结束 -->
		
		<!-- 提示框 -->
		<div class="modal fade" id="msgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg"></div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-primary confirm" data-dismiss="modal" >确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
	</body>

</html>